<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		 #app{
			 font-size: 10px;
		 }
		</style>
		<script>
		function bigFont(){
			var d=document.getElementById("app");
			let oldSize=(document.defaultView.getComputedStyle(d,null)||d.currentStyle).fontSize;
			alert(oldSize);
			//行内样式
			d.style.fontSize=(parseInt(oldSize)+5)+"px";
		}
			function bigFont0(){
				var d=document.getElementById("app");
				//每次字体加大5个px
				var oldSize=d.style.fontSize;
				alert(oldSize);
				d.style.fontSize=(parseInt(oldSize)+5)+"px";
			}
		</script>
	</head>
	<body>
		<div id="app" >
			教育改变了凯旋.wang,凯旋页改变了教育
		</div>
		<!-- <div id="app" style="font-size:15px;">
			教育改变了凯旋.wang,凯旋页改变了教育
		</div> -->
		<div align="center">
			<button type="button" onclick="bigFont0()"> +</button>
			<button type="button" onclick="bigFont()">新方式</button>
		</div>
	</body>
</html>
